/*
 * CodePress - Real Time Syntax Highlighting Editor written in JavaScript - http://codepress.org/
 * 
 * Copyright (C) 2006 Fernando M.A.d.S. <fermads@gmail.com>
 *
 * This program is free software; you can redistribute it and/or modify it under the terms of the 
 * GNU Lesser General Public License as published by the Free Software Foundation.
 * 
 * Read the full licence: http://www.opensource.org/licenses/lgpl-license.php
 */

Ext.namespace('Ext.ux');

Ext.ux.CodePress = function(config)
{
	Ext.apply(this, config);
	if(this.sourceEl){
		Ext.get(this.sourceEl).hide();
	}
	
    this.addEvents({
        /**
         * @event initialize
         * Fires when the editor is fully initialized (including the iframe)
         * @param {HtmlEditor} this
         */
        initialize: true
	
	});
	Ext.ux.CodePress.superclass.initComponent.call(this);
}

Ext.extend(Ext.ux.CodePress, Ext.Panel, {
    // private
	initialized : false
    // private (for BoxComponent)
    , adjustSize : function(w, h){
		Ext.BoxComponent.prototype.adjustSize(w,h);
	}
	, setSize : function(w,h){
	    Ext.BoxComponent.prototype.setSize(w,h);
	}
	, resize : function(){
		if (this.rendered){
			var h 
			if (this.height){
				h = this.height +'px';
			}
			else{
				h = this.body.getStyle('height');
			}
			var w
			if (this.width){
				w = this.width +'px';
			}
			else{
				w = this.body.getStyle('width')
			}
			if (this.editor){
				this.editor.body.style.width = w;
			}
			this.iframe.setStyle('height', h);
			this.iframe.setStyle('width', w);
			this.textarea.setStyle('height', h);
			this.textarea.setStyle('width', w);
		}
    }
    , onRender : function(ct, position){
        Ext.ux.CodePress.superclass.onRender.call(this, ct, position);
		
		if(!Ext.ux.CodePress.path){
			this.getCodePath();
		}
        this.el.dom.style.border = '0 none';
        this.el.dom.setAttribute('tabIndex', -1);
        this.el.addClass('x-hidden');
        if(Ext.isIE){ // fix IE 1px bogus margin
            this.el.applyStyles('margin-top:-1px;margin-bottom:-1px;')
        }
		// Create the iframe
		this.iframe = Ext.DomHelper.append(this.body, {tag: 'iframe'}, true);
        this.iframe.src = (Ext.SSL_SECURE_URL || 'javascript:false');
		// Create the textarea element if not created
		if(!this.sourceEl){
			this.textarea = Ext.DomHelper.append(this.body, {tag: 'textarea'}, true);;
		}else{
			this.textarea = Ext.get(this.sourceEl);
		}
		this.textarea.dom.disabled = true;
		this.textarea.dom.style.overflow = 'hidden';
		this.textarea.dom.style.overflow = 'auto';
		this.textarea.dom.style.border = '0cm none';
		this.iframe.dom.frameBorder = 0; // remove IE internal iframe border
		this.iframe.setStyle('visibility', 'hidden');
		this.options = this.textarea.dom.className;
		this.edit();
	}
	, afterRender : function(){
        Ext.ux.CodePress.superclass.afterRender.call(this);
		this.resize();		
    }
	, focus : function(){
		
	}
	, getCodePath : function() {
		s = document.getElementsByTagName('script');
		for(var i=0,n=s.length;i<n;i++) {
			if(s[i].src.match('Ext.ux.codepress.js')) {
				Ext.ux.CodePress.path = s[i].src.replace('Ext.ux.codepress.js','');
				break;
			}
		}
	}
	, initialize : function() {
		if(Ext.isIE){
			this.doc = this.iframe.dom.contentWindow.document;
			this.win = this.iframe.dom.contentWindow;
		} else {
			this.doc = this.iframe.dom.contentDocument;
			this.win = this.iframe.dom.contentWindow;
		}
		this.editor = this.win.CodePress;
		this.editor.body = this.doc.getElementsByTagName('body')[0];
		if(this.url){
			Ext.Ajax.request({
				url: this.url
				, disableCaching: true
				, method:'GET'
				, success:function(response, options){
					var code = response.responseText;
					this.code = code;
					this.setCode(this.code);
				}.createDelegate(this)
			});
		}else{
			this.setCode(this.code || this.textarea.dom.value);
		}
		if (Ext.isIE){
			this.editor.body.pre = this.doc.getElementsByTagName('pre')[0];	
		}
		else{
			this.editor.body.pre = this.doc.getElementsByTagName('pre')[0];
		}
		this.resize();
		this.setOptions();
		this.textarea.dom.style.display = 'none';
		this.iframe.dom.style.visibility = 'visible';
		this.iframe.dom.style.display = 'inline';
		setTimeout(function(){
			this.originalCode= this.getCode();
		}.createDelegate(this), 1000);
		this.initialized = true;
		this.fireEvent('initialize', this);
	}
	, isDirty : function() {
        return String(this.getCode()) !== String(this.originalCode);
    }
	// obj can by a textarea id or a string (code)
	, edit : function(obj,language) {
		if(obj) this.textarea.dom.value = document.getElementById(obj) ? document.getElementById(obj).value : obj;
		if(!this.textarea.dom.disabled) return;
		this.language = language ? language : this.getLanguage();
		this.iframe.dom.src = Ext.ux.CodePress.path+'codepress.html?language='+this.language+'&ts='+(new Date).getTime();
		this.iframe.removeListener('load', this.initialize);
		this.iframe.on('load', this.initialize, this);
	}
	, getLanguage : function() {
		if(this.language) return this.language;
		for (language in Ext.ux.CodePress.languages) 
			if(this.options.match('\\b'+language+'\\b')) 
				return Ext.ux.CodePress.languages[language] ? language : 'generic';
	}
	, setOptions : function() {
		if(this.options.match('autocomplete-off')) this.toggleAutoComplete();
		if(this.options.match('readonly-on')) this.toggleReadOnly();
		if(this.options.match('linenumbers-off')) this.toggleLineNumbers();
	}
	, getCode : function() {
		return this.textarea.dom.disabled ? this.editor.getCode() : this.textarea.dom.value;
	}
	, setCode : function(code) {
		this.textarea.dom.disabled ? this.editor.setCode(code) : this.textarea.dom.value = code;
		this.editor.syntaxHighlight('init');
	}
	, toggleAutoComplete : function() {
		this.editor.autocomplete = (this.editor.autocomplete) ? false : true;
	}
	, toggleReadOnly : function() {
		this.textarea.dom.readOnly = (this.textarea.dom.readOnly) ? false : true;
		if(this.iframe.dom.style.display != 'none') // prevent exception on FF + iframe with display:none
			this.editor.readOnly(this.textarea.dom.readOnly ? true : false);
	}
	, toggleLineNumbers : function() {
		var cn = this.editor.body.className;
		this.editor.body.className = (cn==''||cn=='show-line-numbers') ? 'hide-line-numbers' : 'show-line-numbers';
	}
	, toggleEditor : function() {
		if(this.textarea.dom.disabled) {
			this.textarea.dom.value = this.getCode();
			this.textarea.dom.disabled = false;
			this.iframe.dom.style.display = 'none';
			this.textarea.dom.style.display = 'inline';
		}
		else {
			this.textarea.dom.disabled = true;
			this.setCode(this.textarea.dom.value);
			this.iframe.dom.style.display = 'inline';
			this.textarea.dom.style.display = 'none';
		}
	}
	, setFont: function(font){
		if (Ext.isIE){ 
			this.editor.body.pre.firstChild.style.fontFamily = font;
		}
		else{
	        this.editor.body.pre.style.fontFamily = font;
		}
	}
});
Ext.ux.CodePress.languages = {
	autoit : 'AutoIt',	
	csharp : 'C#', 
	css : 'CSS', 
	generic : 'Generic',
	html : 'HTML',
	java : 'Java', 
	javascript : 'JavaScript', 
	perl : 'Perl', 
	ruby : 'Ruby',	
	php : 'PHP', 
	text : 'Text', 
	sql : 'SQL',
	vbscript : 'VBScript',
	xsl : 'XSL'
}